<?php
/*

    Pai special Template:惠州鹏爱植发-惠州鹏爱医疗美容医院
*/
?>
<!--hyc 20200831-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>惠州鹏爱植发-惠州鹏爱医疗美容医院</title>
		<meta name="keywords" itemprop="keywords" content="惠州鹏爱植发-惠州鹏爱医疗美容医院" />
		<meta name="description" itemprop="description" content="惠州鹏爱植发-惠州鹏爱医疗美容医院" />
		<link rel="stylesheet" href="/post_template/special/zhifa/css/base.css">
		<link rel="stylesheet" href="/post_template/special/zhifa/css/index.css">
		<script src="/post_template/special/zhifa/js/jquery.min.js"></script>
		<script src="/post_template/special/zhifa/js/flexible.js"></script>
		<?php wp_head(); ?>
	</head>
	<body>
	<div class="ztContainer">
			<div class="page1 pos pages">
				<img src="/post_template/special/zhifa/img/page1.gif" alt="">
				<div class="page-nav">
					<div class="nav-man pai_btn nan sex" data-value="男"></div>
					<div class="nav-woman pai_btn nv sex" data-value="女"></div>
				</div>
				<div class="page1-btn">
					<a href="javascript:void(0)" onclick="openZoosUrl('chatwin');">
						<img src="/post_template/special/zhifa/img/zxzx.png" alt="">
					</a>
				</div>
				
			</div>
			<div class="page2 pos pages">
				<img src="/post_template/special/zhifa/img/page2.jpg" alt="">
				<div class="page2-container">
					<div class="page2-title">您的症状？</div>
					<div class="zt-items">
						<div class="zt-item pai_btn" data-value="头发稀疏"><img src="/post_template/special/zhifa/img/11.png" alt=""></div>
						<div class="zt-item pai_btn" data-value="发际线高" ><img src="/post_template/special/zhifa/img/12.png" alt=""></div>
						<div class="zt-item pai_btn" data-value="秃顶"><img src="/post_template/special/zhifa/img/13.png" alt=""></div>
						<div class="zt-item pai_btn" data-value="其他"><img src="/post_template/special/zhifa/img/14.png" alt=""></div>
					</div>
				</div>
			</div>
			<div class="page3 pos pages">
				<img src="/post_template/special/zhifa/img/page3.jpg" alt="">
				<div class="page2-container">
					<div class="page2-title">您的年龄？</div>
					<div class="zt-items">
						<div class="zt-item pai_btn" data-value="20岁以下"><img src="/post_template/special/zhifa/img/15.png" alt=""></div>
						<div class="zt-item pai_btn" data-value="20-40岁"><img src="/post_template/special/zhifa/img/16.png" alt=""></div>
						<div class="zt-item pai_btn" data-value="40-60岁"><img src="/post_template/special/zhifa/img/17.png" alt=""></div>
						<div class="zt-item pai_btn" data-value="60岁以上"><img src="/post_template/special/zhifa/img/18.png" alt=""></div>
					</div>
				</div>
			</div>
			<div class="page4 pos pages">
				<img src="/post_template/special/zhifa/img/page4.jpg" alt="">
				<div class="page2-container">
					<div class="page2-title"><!-- 请输入联系方式 --></div>
					<div class="page4-form">
						<div class="form-item">
							<span>姓名：</span>
							<span><input type="text" name="username" placeholder="请输入您的姓名" id="name"></span>
						</div>
						<div class="form-item">
							<span>手机：</span>
							<span><input type="text" name="mobile" placeholder="请输入您的手机号" maxlength="11" id="phone"></span>
						</div>
						<input type="hidden" name="debug" value="0">
						<div class="form-item">
							<button class="form-btn" id="LR_button1" value="提交" onclick="LR_submit1(1);">立即测试植发费用</button>
						</div>
		
					</div>
				</div>
			</div>
			<div class="footer-copyright">©2017-2018 惠州鹏爱医疗美容医院</div>
		</div>
	</body>
	<script>
				$('#footclick').click(function() {
					$('#pop').show()
				})
				$('.pop4').click(function() {
					$('#pop').hide()
				})
	
				$('.nv').click(function() {
					$('.nvPic').css({
						'display': 'flex',
						'display': '-webkit-flex'
					})
					$('.nanPic').css('display', 'none')
					$('.page1').hide()
					$('.page2').show()
				})
	
				$('.nan').click(function() {
					$('.nvPic').css('display', 'none')
					$('.nanPic').css({
						'display': 'flex',
						'display': '-webkit-flex'
					})
					$('.page1').hide()
					$('.page2').show()
				})
	
				$('.pai_btn').click(function() {
					$(this).parents(".pages").hide().next().show()
				})
	
				var sexVal;var typeVal;var ageVal;
				$(".sex").click(function(){
					sexVal = $(this).attr("data-value");
					console.log(sexVal)
				})
	
				$(".page2 .pai_btn").click(function(){
					typeVal = $(this).attr("data-value");
					console.log(typeVal)
				})
	
				$(".page3 .pai_btn").click(function(){
					ageVal = $(this).attr("data-value");
					console.log(ageVal)
				})
	
							
				function LR_submit1(chat) {
					
					
									if ($('#phone').val() && $('#name').val()) {
								        var ycqk = "电话：" + $('#phone').val() + "; ";
								        var ycqk = ycqk + "姓名：" + $('#name').val();
								    } else {
								        alert("请填写您的姓名、电话！");
								        return false;
								    }
					
								    var phone = document.getElementById('phone').value;
								    if(!(/^1[3456789]\d{9}$/.test(phone))){ 
								        alert("手机号码有误，请重填");  
								        return false; 
								    } 
							        
								    var CustomePhone = "您的"+ycqk+ "; ";
									var CustomeSex = "您的性别是："+sexVal+ "; ";
									var CustomeType = "您的症状是："+typeVal+ "; ";
									var CustomeAge = "您的年龄是："+ageVal+ "; ";
									
									var countNum = CustomePhone+CustomeSex+CustomeType+CustomeAge;
									console.log(countNum);
									
					var insertText = countNum;
					if(insertText||insertText!=""){
						LR_explain='来自网页内嵌文本框的对话,客人输入的内容如下:'+insertText;
						LR_msg=insertText;
						openZoosUrl(chat?'chat':'sendnote');
					}else{
					alert("请先填写您的问题哦！");document.getElementById("wtk").focus();
					}
				}
				
			</script>
			<script language="javascript" src="https://dqt.zoosnet.net/JS/LsJS.aspx?siteid=DQT60721914&lng=cn"></script>

</html>
